<!-- <div class="debug">{{myform.value|json}}</div> -->
<h4 class="display-6 text-center my-2">Új alkatrész felvétele</h4>

<div class="row p-4">
    <div class="col-sm-8 offset-sm-2 col-md-6 offset-md-3 col-lg-4 offset-lg-4 hatter">
        
        <form [formGroup]="myform" (ngSubmit)="kuldes(myform.value)">

            <div class="form-group my-3">
                <label for="nev" class="form-label">Alkatrész neve:</label>
                <select formControlName="nev" class="form-select form-select-sm">
                    <option disabled [selected]="true">Válassz egy alkatrészt a listából</option>
                    <option value="Tranzisztor">Bipolar Junction Transistor (BJT)</option>
                    <option value="MOSFET">Field-Fffect Transistor (FET) </option>
                </select>
            </div>

            <div class="form-group mb-3">
                <label for="tipus" class="form-label">Tipusa:</label>
                <input formControlName="tipus" type="text" name="tipus" id="tipus" class="form-control form-control-sm">
            </div>

            <div class="form-group mb-3">
                <label for="maxVolt" class="form-label">Max. fesz. (V)</label>
                <input formControlName="maxVolt" type="text" name="maxVolt" id="maxVolt" class="form-control form-control-sm">
            </div>

            <div class="form-group mb-3">
                <label for="maxAmper" class="form-label">Max. áram. (A)</label>
                <input formControlName="maxAmper" type="text" name="maxAmper" id="maxAmper" class="form-control form-control-sm">
            </div>

            <div class="form-group mb-3">
                <label for="hFE" class="form-label">Áramerősítési tényezője (hFE):</label>
                <input formControlName="hFE" type="text" name="hFE" id="hFE" class="form-control form-control-sm">
            </div>

            <!-- <div class="form-group mb-3">
                <label for="key" class="form-label mt-1">Key</label>
                <input type="text" [disabled]="true" value="{{this.db.valtozo.key}}" name="key" id="key" class="form-control form-control-sm">
            </div> -->

            <div class="form-group my-5">
                <button class="btn btn-sm btn-warning form-control">+Hozzáadom az adatbázishoz</button>
            </div>

        </form>

    </div>
</div>